<template>
  <div id="tabs" class="flex justify-start items-center py-4 bg-gray-100">
    <div class="px-4 text-md">
      <router-link 
        to="/personal" 
        class="nav-link"
        active-class="underline-gray" 
        exact
      >
        账号信息
      </router-link>
    </div>
    <div class="px-4 text-md">
      <router-link 
        to="/change_password" 
        class="nav-link"
        active-class="underline-gray"
      >
        修改密码
      </router-link>
    </div>
  </div>
</template>

<style scoped>
.nav-link {
  /* 基础样式 */
  color: #333;
  text-decoration: none;
}
.underline-gray {
  border-bottom: 2px solid #666;
  padding-bottom: 2px;
}
</style>